doctype html
html
  head
    meta(charset="utf-8")
    title Qvisitor - 获取空间被拦访客

    link(rel="shortcut icon", href="/style/favicon.ico" type="image/x-icon")
    link(rel="stylesheet", type="text/css", href="/style/semantic.min.css")
    link(rel="stylesheet", type="text/css", href="/style/semantic.css")
    link(rel="stylesheet", type="text/css", href="/style/message.min.css")
    link(rel="stylesheet", type="text/css", href="/style/icon.min.css")
    link(rel="stylesheet", type="text/css", href="/style/index.css")

  body

    div#login

      div(class="ui attached message")

        a#donate(class="ui corner green label", style="right: 1px;top:1px;")
          i(class="dollar icon")

        div(class="header") Qvisitor
        p 免费获取QQ空间被拦截的访客，享受黄钻待遇

      form#form(class="ui form attached fluid segment", action="/getVisitor/", method="post")

        div(class="field")
          label QQ号
          input#qq(type="text", placeholder="QQ号", name="qq")

        div(class="field")
          label 密码
          input#pass(type="password", placeholder="密码", name="pass")

        div#vcLayer(class="two fields")

          div(class="field")
            label 验证码
            input#vcInput(type="text", placeholder="请输入验证码", name="vcInput")

          div(class="field")
            div#verifycode
              img#vcImg


        input#qvPage(type="hidden", name="qvPage", value="")

        div(class="inline field")
          div(class="ui checkbox")
            input(type="checkbox", id="terms")
            label(for="terms") 记住帐号和加密后的密码

        input(type="submit", style="display: none;")
        div#submit(type="submit", class="ui labeled icon button blue") 开始获取
          i(class="browser icon")

        div#loading(class="ui active inline loader")

      div#notice(class="ui bottom attached info message") 友情提示：请不要频繁使用同一个帐号登录

    div#result(class="column")
      div(class="ui piled blue segment")
        div(class="ui header")
          h2(class="ui labeled teal block header segment")
            span(class="left aligned")
              i(class="users icon")
              label 被拦访客列表


            div#back(class="right floated small teal ui button labeled icon") 返回
              i(class="left arrow icon")

        div#list(class="ui comments")

        div#loadMore(class="fluid ui button") 加载更多访客

    div(class="ui ignored message", style="text-align:center;background: #fff;")

      p 郑重声明：QQ密码已经过严格加密，绝不会泄漏您的信息，谢谢支持

      p 友情提示：使用IE9+、Firefox、Chrome等高级浏览器浏览效果更佳

      p Prower by Node.js、MongoDB、Semantic-UI，author : Arrowing &lt;likenovel@qq.com&gt;


    script(src="/js/jquery-1.9.0.min.js", type="text/javascript")
    script(src="/js/semantic.min.js", type="text/javascript")
    script(src="/js/jquery.cookie.js", type="text/javascript")
    script(src="/js/main.js", type="text/javascript")

  block body